<head th:include="~{common/header::header}" />
<title>代码&amp;视觉|多角度着眼，多维度审视</title>
<body>
	<div th:insert="~{common/navbar :: navbar}"></div>
	<!--carousel-->
	<div id="carousel" class="carousel slide" data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#carousel" data-slide-to="0" class="active"></li>
			<li data-target="#carousel" data-slide-to="1"></li>
			<li data-target="#carousel" data-slide-to="2"></li>
		</ol>

		<div class="carousel-inner">

			<div th:class="${iterStat.index==0}? 'carousel-item active' : 'carousel-item'" class="carousel-item active'" th:each="blogContent,iterStat  : ${imgnav}">
				<img th:class="${iterStat.odd}?(${iterStat.first}? 'first-slide' : 'third-slide') : 'second-slide'" th:attr="src=${blogContent.imgUrl},alt=${blogContent.title}">
				<div class="container">
					<div class="carousel-caption">
						<h3 th:text="${blogContent.title}"></h3>
						<p th:text=${blogContent.summary}></p>
						<p>
							<a class="btn btn-info" th:href="@{/portal/detail/{id}/(id=${blogContent.id})}" role="button">阅读详细</a>
						</p>
					</div>
				</div>
			</div>

		</div>
		<a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span>
		</a> <a class="carousel-control-next" href="#carousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span>
		</a>
	</div>
	<!-- /.carousel -->
	<!--content-->
	<div class="container">
		<div class="row">
			<div class="col-sm-4 mb-3" th:each="blogContent : ${article}" style="max-height: 400px">
				<h4 th:text="${blogContent.title}"></h4>
				<p th:utext="${blogContent.summary}"></p>
				<p>
					<a th:href="@{/portal/detail/{id}/(id=${blogContent.id})}" class="btn btn-info pull-right" role="button" > 阅读详细 <i class="fa fa-arrow-circle-o-right" style="font-size: 15px"></i>
					</a>
				</p>
			</div>
		</div>
	</div>
	<!-- /.content -->
	<div th:insert="~{common/footer :: footer}"></div>
</body>